<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>来体验我的音乐空间</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index_1.css">
<!--    <link rel="stylesheet" href="./css/bootstrap.min.css">-->
</head>
<body>
<!-- 头部区域 -->
<div class="header">
    <div class="wrapper">
        <!-- logo -->
        <div class="logo">
            <a href="home.html"></a>
        </div>
        <!-- 导航 -->
        <div class="nav">
            <ul>
                <li>
                    <a href="home.html">首页</a>
                </li>
                <li>
                    <a href="musictype.html">分类查询</a>
                </li>
            </ul>
        </div>
        <!-- 搜索 -->
        <div class="search">
            <input type="text" placeholder="请输入关键字">
            <a href="#"></a>
        </div>
        <!-- 用户 -->
        <div class="user">
            <a href="#">
                <img src="./uploads/user.png" alt="#">
                <span>卖报的小行家</span>
            </a>
        </div>
    </div>
</div>
<!-- banner区域 -->
<div class="banner">
    <div class="wrapper">
        <div class="left">
            <ul>
                <li>
                    <a href="musictype.html?style=1">流行</a>
                </li>
                <li>
                    <a href="musictype.html?style=2">摇滚</a>
                </li>
                <li>
                    <a href="musictype.html?style=3">民谣</a>
                </li>
                <li>
                    <a href="musictype.html?style=4">蓝调</a>
                </li>
                <li>
                    <a href="musictype.html?style=5">爵士</a>
                </li>
                <li>
                    <a href="musictype.html?style=6">funk</a>
                </li>
                <li>
                    <a href="musictype.html?style=7">重金属</a>
                </li>
                <li>
                    <a href="musictype.html?style=8">古典</a>
                </li>
                <li>
                    <a href="musictype.html?style=9">fusion</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 精品推荐课程 -->
<div class="hot wrapper">
    <!-- 标题 -->
    <div class="hd">
        <h3>热歌推荐</h3>
        <a href="#" class="more">查看全部</a>
    </div>
    <!-- 内容 -->
    <div class="bd">
        <ul>
            <!-- <li>
                <a href="shiping.html">
                    <div class="pic"></div>
                    <div class="txt">
                        <h4></h4>
                        <p>
                            <span>播放量</span>
                        </p>
                    </div>
                </a>
            </li> -->
        </ul>
    </div>
</div>

<div class="myMV wrapper">
    <!-- 标题 -->
    <div class="hd">
        <h3>作者作品推荐</h3>
        <a href="#" class="more">查看全部</a>
    </div>
    <!-- 内容 -->
    <div class="bd">
        <ul>
            <!-- <li>
                <a href="shiping.html">
                    <div class="pic"></div>
                    <div class="txt">
                        <h4></h4>
                        <p>
                            <span>播放量</span>
                        </p>
                    </div>
                </a>
            </li> -->
        </ul>
    </div>
</div>

<div class="footer">
    <div class="wrapper">
        <div class="left">
            <a href="home.html">
                <img src="../images/log.png" alt="">
            </a>
            <p>
                这是一个练习型的网站，就是分享作者的一些音乐分享。
                音乐肯定是不全的，后续可以继续加内容。
                如果有什么建议，可以点击下面按钮，给我留言。
                若有违规音乐，请给我留言，届时下架。
            </p>
            <a href="message.html" class="give-me-advise">给我留言</a>
        </div>
        <div class="right">
            <dl>
                <dt>合作伙伴</dt>
                <dd><a href="#">就我一个</a></dd>
                <dd><a href="#">就我一个</a></dd>
            </dl>
        </div>
    </div>
</div>
<script src="../js/axios.min.js"></script>
<script src="../js/home.js"></script>
</body>
</html>